<template>
    <div class="container">
        <div class="item" @click="toYuQue">“语雀”云笔记</div>
        <div class="item" @click="toTask1">Task 1：css position 属性理解与应用</div>
        <div class="item" @click="toTask2">Task 2：css 伪类、伪元素与 box-shadow 理解与应用</div>
        <div class="item" @click="toYuQue">Task 3：概念理解（“语雀”云笔记）</div>
        <div class="item" @click="toTask4">Task 4：Code</div>
        <div class="item" @click="toTask5">Task 5：Flex 布局</div>
        <div class="item" @click="toTask6">Task 6：防抖截流函数</div>
        <div class="item" @click="toTask7">Task 7：判断数据类型，深拷贝函数</div>
        <div class="item" @click="toYuQue">Task 8：概念理解（“语雀”云笔记）</div>
        <div class="item" @click="toTask9">Task 9：字符串、数组常用方法，数组去重</div>
        <div class="item" @click="toTask10">Task 10：概念理解（“语雀”云笔记）</div>
        <div class="item" @click="toTask_0131">Task_0131：概念理解（“语雀”云笔记）</div>
    </div>
</template>

<script>

export default {
  data () {
    return {
    }
  },
  created() {
  },
  methods: {
    toTask1 () {
			this.$router.push('./task1')
		},
		toTask2 () {
			this.$router.push('./task2')
		},
		toYuQue () {
			window.location.href = 'https://www.yuque.com/shiwei0224/document'
		},
		toTask4 () {
			this.$router.push('./task4')
		},
		toTask5 () {
			this.$router.push('./task5')
		},
		toTask6 () {
			this.$router.push('./task6')
		},
		toTask7 () {
			this.$router.push('./task7')
		},
		toTask9 () {
			this.$router.push('./task9Init')
		},
		toTask10 () {
			this.$router.push('./task10Init')
		},
		toTask_0131 () {
			this.$router.push('./task_0131Init')
		}
  }, 
}
</script>

<style scoped>
.container {
    padding: .2rem;
}
.item {
    font-size: .16rem;
		border-bottom: 0.01rem solid #cccccc;
		padding: .1rem 0;
}
</style>
